<template>
  <h2 class="cq-con-title">
    <span class="visib-hid">{{ title }}</span>
    <img :src="$utils.getImg(imgUrl)" :width="imgWidth" :height="imgHeight" alt="title" />
  </h2>
</template>

<script>
export default {
  name: 'CqTitle',
  props: {
    title: {
      type: String,
      default: ''
    },
    imgUrl: {
      type: String,
      default: ''
    },
    imgWidth: {
      type: String,
      default: '391'
    },
    imgHeight: {
      type: String,
      default: '86'
    }
  }
}
</script>

<style lang="scss" scoped>
.cq-con-title {
  text-align: center;
}
</style>
